@charset "utf-8";
/*
 *	Author		：WoodyCai
 *	Time		：2016.03.11
 *	Abstract	：趣优集微信webapp样式
 *
 */

//scss
@import "base.scss";

/* 
 *	Common
 */
// 图片上传
.upload-pic-item { @extend .clearfloat; }
.upload-pic { float:left; margin-right: 60px;  width:200px; height:164px; padding:1px; border:1px solid #999; 
	.pic-wrap { width:100%; height:130px; 
		img { display:block; width:100%; height:100%; }
	}
	.upload-btn ,.delete-pic-btn { float:left; width: 50%;  height:30px; line-height:30px; font-size:12px; color:#fff; text-align:center; background:#666; }
	.delete-pic-btn { background:#999; 
		&:hover { background:#f00; }
	}
	// 商品图片列表
	&.square-min { width:130px; margin-right:20px; }
}

.page-heading { padding:20px; 
	.title-action { padding-top:10px; }
}

.gray-label { font-weight:normal; margin-right:20px; 
	input[type=radio] { margin:0;}
}

.equal-height { height:100%; overflow:hidden;
	.equal-height-item {  height:100%; background:#fcc; margin-bottom:-10000px; padding-bottom:10000px; }
}

#wrap{ overflow:hidden; padding:0; padding-left:180px; }   
  
#left,#right{ height:auto; margin-bottom:-10000px; padding-bottom:10000px; }   
  
#left{ background: #0CF; }   
  
#right{ float:right; width:50%; background: #FC6; }  

// 面包屑
.breadcrumb a:hover { color:#f00; text-decoration:underline; }


// 展开收起列表
.slide-list {@extend .clearfloat; border:1px solid #EBEBEB; background:#fff; line-height:34px;
	.l-title { @extend .clearfloat; background:#F5F5F6; }
	.sp15 , .sp35 { float:left; }
	.sp15 { width: 15%; }
	.sp35 { width: 35%; }
	dl { 
		dt { @extend .clearfloat; padding:5px 0; border-bottom:1px solid #e7e7e7; }
		dd { display:none;
			li { @extend .clearfloat; background:#e0f1f9; padding:5px 0; border-bottom:1px solid #e7e7e7; }
		}
	}
}

// 表单
.input-short { width:85px!important; }

// 销售统计
.ec-title {  position:relative; z-index:1000; line-height:50px; font-size:18px; color:#333; margin-bottom:-40px;
	select { vertical-align:middle; }
	h6 { font-size:16px;}
}

input[type=checkbox] { margin:0px; } 

// 图片
.img-list-min { height:60px; }
.img-list-min-m { height: 40px; }

/*==========以下部分是Validform必须的===========*/
.vcheck-abs { position:relative; 
	.Validform_checktip { position:absolute; bottom:-18px; left: 0; }
}
.Validform_checktip{ /* margin-left:8px; */ line-height:20px; /*height:20px;*/ height:auto; overflow:hidden; color:#999; font-size:0.2rem; }
.Validform_right{ color:#71b83d; padding-left:20px; background:url(images/right.png) no-repeat left center; }
.Validform_wrong{ display:block; color:red;white-space:nowrap; background:url(images/error.png) no-repeat left center; }
.Validform_loading{ padding-left:20px; background:url(images/onLoad.gif) no-repeat left center; }
// .Validform_error{ background-color:#ffe7e7; }
#Validform_msg{color:#7d8289; font: 0.2rem/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left; }
input { padding:0; }

